<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>同乡烩-登录</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/login.css}">
</head>
<body>
<!--引入头部-->
<div id="header"></div>
<!-- 头部 end -->
<section>
    <div class="s1"><a th:href="@{/index.html}">返回首页</a></div>
    <div class="login-box">
        <div class="title">
            <span>欢迎登录同乡烩酒宴预约平台</span>
        </div>
        <div class="login_inner">
            <!--登录错误提示消息-->
            <div id="errorMsg" class="alert alert-danger">[[${result}]][[${msg}]]</div>
            <form id="loginForm" th:action="@{/user/login.do}" accept-charset="utf-8" method="post">
                <label for="username"></label><input name="username" type="text" placeholder="请输入账号" autocomplete id="username">
                <label for="password"></label><input name="password" type="password" placeholder="请输入密码" autocomplete id="password">
                <div class="verify">
                    <label for="check"></label><input name="checkCode" type="text" placeholder="请输入验证码" autocomplete="off" id="check">
                    <span><img th:src="@{/checkCode.do}" id="checkCode" alt="" onclick="getPic()" src=""></span>
                </div>
                <div class="submit_btn">
                    <button type="button" id="btn_sub" onclick="return submitAction()">登录</button>
                    <div class="auto_login">
                        <label>
                            <input type="checkbox" name="remember" class="checkbox">
                        </label>
                        <span>记住密码</span>
                    </div>
                </div>
            </form>
            <div class="reg">没有账户？<a href="register.html">立即注册</a></div>
            <div class="reg"><a th:href="@{admin/login}">管理员</a></div>
        </div>
    </div>
</section>
<script th:src="@{/js/jquery-3.4.1.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/jquery.cookie.js}"></script>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<script th:src="@{/js/login.js}"></script>
</body>
</html>
